<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>
<div>
    <h2>列表</h2>

    <ul><!--无序列表，ul标签只能放li,内容放li里面-->
        <li>榴莲</li>
        <li>香蕉</li>
        <li>苹果</li>
    </ul>
    <!--有序列表 ol标签丽丽只允许存放li标签，，内容放li里面-->
    <hr>
    <ol>
        <li>张三</li>
        <li>lisi</li>
        <li> 王五</li>
        <li> 赵六</li>
    </ol>

    <!--自定义列表 dl列表整体  只允许放dt dd，别的标签放dt dd里面
    dt自定义列表主题
    dd针对主题的的内容
    -->
    <dl>
        <dt>帮助中心</dt>
        <dd>购物指南</dd>
        <dd>账户管理</dd>
        <dd>投诉</dd>
    </dl>
</div>
<div>
    <br>
    <h2>表格</h2>

    <!--表格  独占一行
    border  width height
    结构化标签：thead 表格头部   tbody  表格主体  tfoot 表格底部（了解，方便浏览器阅读）
    caption  表格大标题     th   表头单元格
    rowspan 跨行合并   colspan  跨列合并
    cellspacing 单元格与单元格之间空白的空白部分
    cellpadding 指定单元格边框和单元格内容之间的空白部分-->
    <table border="1px" height="100px" width="300px" align="center" cellspacing="0" cellpadding="10px">
        <caption>
            <b>表格标题</b>
        </caption>
        <tr><!--第一列列表-->
            <th>姓名</th>
            <th>成绩</th>
            <th>性别</th>
        </tr>
        <tr>
            <td>汪云飞</td>
            <td rowspan="2">90</td>
            <td>男</td>
        </tr>
        <tr>
            <td>雨晴</td>

            <td>老婆</td>
        </tr>
        <tr>
            <td>雨晴</td>
            <td colspan="2">老婆</td>
        </tr>
        <tfoot>
        <tr>
            <td>总结</td>
            <td colspan="2">郎才女貌</td>

        </tr>
        </tfoot>
    </table>
</div>
</body>
</html>